<template>
  <div>
    <button v-for="(items) in pageData" :key="items.id" @click="gotoPage(items.content.toLowerCase())" class="naviBtn">{{items.content}}</button>
  </div>
</template>

<script>
import { mapState } from 'vuex'
export default {
  name: 'PageNav',
  computed: {
    ...mapState('pageInfo', ['pageData'])
  },
  methods: {
    gotoPage (path) {
      this.$router.push(`/details/${path}`)
    }
  }
}
</script>
